body,
html {
  width: 100%;
  height: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
._top {
  width: 100%;
  height: 1.6rem;
  background: #7e4c81;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._top span {
  width: 12%;
  height: 1.33333333rem;
}
._top span a {
  width: 100%;
  height: 1.33333333rem;
  text-align: center;
  color: #fff;
}
._top span a img {
  width: 1.06666667rem;
  height: 1.06666667rem;
}
._top p {
  width: 88%;
  height: 1.33333333rem;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
._nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.4rem;
}
._nav ul li {
  width: 33%;
  height: 0.93333333rem;
  font-size: 0.50666667rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  border-right: 1px solid #7e4c81;
}
._nav ul li:nth-child(3) {
  border-right: none;
}
._nav ul li:hover {
  border-bottom: 2px solid #7e4c81;
}
.cent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cent .zhonghe {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cent .zhonghe .cent-hezi {
  width: 100%;
  height: 4.2rem;
  margin-top: 0.53333333rem;
}
.cent .zhonghe .cent-hezi .cent-ht {
  width: 100%;
  height: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cent .zhonghe .cent-hezi .cent-ht p {
  width: 40%;
  height: 1.4rem;
  background: #CCCCCC;
  font-size: 0.50666667rem;
  font-weight: bold;
  text-align: center;
  line-height: 3;
}
.cent .zhonghe .cent-hezi .cent-ht input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #eee;
  font-size: 0.50666667rem;
}
.cent .zhonghe .cent-hezi .cent-ht .p-1 {
  background: #E8E8E8;
}
.cent .zhonghe .cent-hezi .cent-ht .in-1 {
  background: none;
}
.cent .zhonghe .cent-hezi .cent-ht .tjia {
  width: 20%;
  height: 1.06666667rem;
  font-size: 0.42666667rem;
  color: #fff;
  font-weight: bold;
  background: #7e4c81;
  margin-left: 7.29333333rem;
  margin-top: 0.16rem;
}
.cent .zhonghe .cent-btm {
  width: 100%;
  margin-top: 0.53333333rem;
}
.cent .zhonghe .cent-btm .btm-top {
  width: 100%;
  height: 1.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ccc;
  text-align: center;
  line-height: 2.2;
}
.cent .zhonghe .cent-btm .btm-top h6 {
  width: 50%;
  height: 1.33333333rem;
  font-size: 0.53333333rem;
  font-weight: bold;
  color: #fff;
}
.cent .zhonghe .cent-btm .cent {
  width: 100%;
}
.cent .zhonghe .cent-btm .cent .cent-shang {
  width: 100%;
  height: 1.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cent .zhonghe .cent-btm .cent .cent-shang span {
  width: 14%;
  height: 1.33333333rem;
  background: tomato;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cent .zhonghe .cent-btm .cent .cent-shang span img {
  width: 0.8rem;
  height: 0.8rem;
}
.cent .zhonghe .cent-btm .cent .cent-shang p {
  width: 50%;
  height: 1.33333333rem;
  font-size: 0.50666667rem;
  font-weight: bold;
  text-align: center;
  line-height: 3;
}
.cent .zhonghe .cent-btm .cent .cent-shang .huse {
  background: #ccc;
}
.cent .zhonghe .cent-btm .cent .huise {
  background: #E8E8E8;
}
.cent .zhonghe .cent-btm .botm {
  width: 100%;
  height: 1.33333333rem;
  background: #7e4c81;
}
.cent .zhonghe .cent-btm .botm p {
  font-size: 0.50666667rem;
  color: #fff;
  line-height: 3;
  padding-left: 4%;
}
.cent .youhe {
  width: 95%;
  margin-top: 0.4rem;
  display: none;
}
.cent .youhe input {
  width: 95%;
  height: 0.93333333rem;
  font-size: 0.50666667rem;
  color: #ccc;
  margin-left: 0.13333333rem;
  margin-top: 0.37333333rem;
}
.cent .youhe .youhexia {
  width: 100%;
}
.cent .youhe .youhexia span {
  display: block;
  width: 100%;
  height: 1.2rem;
  font-size: 0.42666667rem;
  border-bottom: 1px solid #eee;
  line-height: 3;
}
.cent .youhe .youhexia span:hover {
  border-left: 2px solid #007AFF;
}
.cent .zuo-he {
  width: 95%;
  margin-top: 0.66666667rem;
  display: none;
}
.cent .zuo-he .zuohe-top {
  width: 100%;
  height: 1.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eee;
}
.cent .zuo-he .zuohe-top h5 {
  width: 40%;
  height: 1.33333333rem;
  background: #e9ecf1;
  text-align: center;
  line-height: 3;
  font-size: 0.50666667rem;
  font-weight: bold;
}
.cent .zuo-he .zuohe-top .dlal {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cent .zuo-he .zuohe-top .dlal input {
  width: 4.66666667rem;
  height: 0.8rem;
  border: none;
}
.cent .zuo-he .zuohe-top:nth-child(2) {
  background: bisque;
}
.cent .zuo-he .zuohe-top:nth-child(2) h5 {
  background: #BCE8F1;
}
.cent .zuo-he .zuohe-si {
  width: 100%;
  height: 2.66666667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cent .zuo-he .zuohe-si h5 {
  width: 40%;
  height: 2.66666667rem;
  background: #e9ecf1;
  text-align: center;
  line-height: 5;
  font-size: 0.50666667rem;
  font-weight: bold;
}
.cent .zuo-he .zuohe-si .dlals {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #C7DDEF;
}
.cent .zuo-he .zuohe-si .dlals p {
  font-size: 0.48rem;
  color: #fff;
}
.cent .zuo-he .guzhang {
  width: 100%;
  margin-top: 0.66666667rem;
}
.cent .zuo-he .guzhang .guzhang-you {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cent .zuo-he .guzhang .guzhang-you h4 {
  width: 90%;
  height: 1.33333333rem;
  font-size: 0.50666667rem;
  text-align: center;
  background: #c672cc;
  color: #fff;
  line-height: 3;
}
.cent .zuo-he .guzhang .guzhang-you .ja {
  width: 10%;
  text-align: center;
  line-height: 1.4;
  background: #b066b5;
  color: #fff;
}
.cent .zuo-he .guzhang .guzhang-yi {
  width: 100%;
  height: 1.33333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cent .zuo-he .guzhang .guzhang-yi span {
  width: 10%;
  height: 1.33333333rem;
  background: #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cent .zuo-he .guzhang .guzhang-yi span img {
  width: 0.93333333rem;
  height: 0.93333333rem;
}
.cent .zuo-he .guzhang .guzhang-yi p {
  width: 80%;
  height: 1.33333333rem;
  font-size: 0.53333333rem;
  text-align: center;
  line-height: 3;
}
.cent .zuo-he .guzhang .guzhang-yi .qu {
  background: none;
}
.cent .zuo-he .guzhang .guzhang-yi .ig {
  background: chocolate;
}
.cent .zuo-he .guzhang .guzhang-yi:nth-child(3) {
  background: #eee;
}
.cent .zuo-he .guzhang .guzhang-yi:nth-child(5) {
  background: #eee;
}
